button {
    cursor: pointer;
}

/* 头部 */
.head {
    height: 28px;
    background-color: #101010;
    color: #e6e6e6;
    line-height: 28px;
}

.head_left {
    margin-left: 200px;
}

.head_right span {
    color: #ff6600;
}

/* 导航栏 */
.nav_left h1 {
    left: 0;
    top: -31px;
    width: 200px;
    height: 113px;
    background: url(../images/logo.jpg) no-repeat;
}

.nav_left a {
    font-size: 0;
}

.nav_top {
    height: 36px;
    margin-top: 4px;
}

.nav_top_centent {
    width: 440px;
    margin: 0 auto;
}

.nav_top_centent input {
    width: 390px;
    height: 36px;
    padding-left: 20px;
    box-sizing: border-box;
    border: solid 2px #ff6600;
    border-right: none;
    outline: none;
}

.nav_top_centent button {
    width: 50px;
    height: 36px;
    background: url(../images/bgicon.png) no-repeat 0px 0px;
    background-color: #ff6600;
    border: none;
}
.nav_top_right{
    margin-left: 180px;
}
.nav_top_right button {
    width: 100px;
    height: 36px;
    border: none;
}

.nav_top_right button:nth-child(1) div {
    display: inline-block;
    width: 29px;
    height: 21px;
    background: url(../images/bgicon.png) no-repeat -4px -50px;
}

.nav_top_right button:nth-child(1) span {
    margin: 0px 5px;
}

.nav_top_right button:first-child {
    color: white;
}

.nav_top_right button:last-child {
    color: #808080;
    font-size: 18px;
}

.nav_top_right button:first-child {
    background-color: #ff6600;
}

.nav_top_right button:last-child {
    background-color: #ebebeb;
}

.nav_bottom ul {
    margin-left: 200px;
    margin-top: 24px;
}

.nav_bottom li {
    margin-left: 34px;
    float: left;
}

.nav_bottom a {
    color: black;
}

/* 选项栏 */
.optional {
    width: 200px;
    height: 430px;
    background-color: #f3f3f3;
    position: relative;
}

.optional .con li p {
    font-size: 12px;
    line-height: 28px;
    padding-left: 20px;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.optional .con li:hover p {
    position: relative;
    border: 1px solid #ff6600;
    background-color: #fff;
    border-right: none;
    z-index: 103;
}

.optional li .son {
    position: absolute;
    top: 0;
    left: 199px;
    width: 580px;
    padding-left: 30px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ff6600;
    display: none;
    z-index: 102;
}

.optional li:hover .son {
    display: block;
}

.optional li .son li {
    width: 500px;
}

.optional li .son div {
    border-bottom: 1px solid #ccc;
    color: #ff6600;
}

.optional li .son span {
    font-size: 12px;
}

/* 轮播图*/
#bannerInner .controls li {
    color: white !important;
}

/* 今日推荐 */
.daily h1 {
    font-size: 20px;
    color: #ff6600;
}

.daily>div {
    width: 1200px;
    border: 3px solid #ff6600;
}

.daily ul {
    width: 1200px;
    margin-left: 3px;
}

.daily li {
    width: 200px;
    height: 250px;
    float: left;
    border: 1px solid #ff6600;
    box-sizing: border-box;
}

.daily .img_top {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.daily .red {
    color: red;
}

.daily h3 {
    font-size: 20px;
    line-height: 34px;
    color: red;
}

/* 图书 电子书*/
.books_head {
    margin-top: 10px;
    width: 908px;
    height: 40px;
    border-bottom: 4px solid #ff6600;
}

.books_head h3 {
    font-size: 28px;
    line-height: 40px;
}

.books_head .head_right {
    width: 294px;
    float: right;
}

.books_head .head_right p {
    float: left;
    width: 98px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

.books_head .head_right .on {
    background-color: #ff6600;
    color: white;
}

.books_main_left {
    width: 238px;
    height: 441px;
}

.books_main_left table {
    line-height: 38px;
}

.books_main_center {
    width: 672px;
    height: 441px;
}

.books_main_center .con {
    display: none;
}

.books_main_center .con:first-child {
    display: block;
}

.books_main_center>.con>li {
    float: left;
}

.books_main_center>.con>li:nth-child(n+2) {
    float: left;
    width: 168px;
    height: 220px;
    border: 2px solid #ccc;
    box-sizing: border-box;
}

.books_main_center .con h3 {
    margin-top: 20px;
    font-size: 16px;
}

.books_main_center .con p {
    color: #ff6600;
    font-size: 14px;
}

.books_main_center .con h2 {
    font-size: 18px;
    line-height: 28px;
    color: #ff6600;
}

.books_main_center .con img {
    width: 158px;
    height: 116px;
}

.books_main_center .con span {
    color: #ccc;
    text-decoration: line-through;
}

.books_main_right {
    width: 284px;
    border: 1px solid #ccc;
}
.books_main_right li{
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.books_main_right li:last-child{
    border-bottom:none
}
.books_main_right h3 {
    font-size: 24px;
    text-align: center;
}

.books_main_right li .con {
    display: none;
}

.books_main_right li:first-child .con {
    display: block;
}

.books_main_right .con div {
    width: 126px;
    margin-right: 20px;
    display: inline-block;
}

.books_main_right li p {
    cursor: pointer;
    display: inline-block;
}

.books_main_right li span {
    margin-left: 20px;
    font-size: 18px;
    line-height: 42px;
}

.books_main_right li img {
    width: 112px;
}

.books_main_right li:first-child span {
    display: none;
}

/* 服饰*/
.Clothes_head {
    margin-top: 10px;
    width: 1200px;
    height: 40px;
    border-bottom: 4px solid #ff6600;
}

.Clothes_head h3 {
    font-size: 28px;
    line-height: 40px;
}

.Clothes_head .head_right {
    width: 294px;
    float: right;
}

.Clothes_head .head_right p {
    float: left;
    width: 98px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

.Clothes_head .head_right .on {
    background-color: #ff6600;
    color: white;
}

.Clothes_main_left {
    width: 238px;
}

.clothes_main_left .bottom table {
    line-height: 38px;
}

.clothes_main_optional .con:nth-child(n+2) {
    display: none;
}

.clothes_main_center {
    width: 429px;
}

.clothes_main_right img {
    width: 175px;
    height: 504px;
}

.clothes_main_right div {
    border: 1px solid #ccc;
}

.clothes_bottom img {
    width: 126px;
}

/*户外运动*/
.sport_head {
    margin-top: 10px;
    width: 1200px;
    height: 40px;
    border-bottom: 4px solid #ff6600;
}

.sport_head h3 {
    font-size: 28px;
    line-height: 40px;
}

.sport_head .head_right {
    width: 294px;
    float: right;
}

.sport_head .head_right p {
    float: left;
    width: 98px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

.sport_head .head_right .on {
    background-color: #ff6600;
    color: white;
}

.sport_main_left {
    width: 238px;
}

.sport_main_left .bottom table {
    line-height: 38px;
}

.sport_main_optional .con:nth-child(n+2) {
    display: none;
}

.sport_main_center {
    width: 429px;
}

.sport_main_right img {
    width: 175px;
    height: 504px;
}

.sport_main_right div {
    border: 1px solid #ccc;
}

.sport_bottom img {
    width: 126px;
}

/* 童装 童鞋 婴儿装 */
.children_head {
    margin-top: 10px;
    width: 1200px;
    height: 40px;
    border-bottom: 4px solid #ff6600;
}

.children_head h3 {
    font-size: 28px;
    line-height: 40px;
}

.children_main_left .top img {
    width: 237px;
    height: 348px;
}

.children_head .head_right {
    width: 294px;
    float: right;
}

.children_head .head_right p {
    float: left;
    width: 98px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

.children_head .head_right .on {
    background-color: #ff6600;
    color: white;
}

.children_main_left {
    width: 238px;
}

.children_main_left .bottom table {
    line-height: 38px;
}

.children_main_optional .con:nth-child(n+2) {
    display: none;
}

.children_main_center {
    width: 429px;
}

.children_main_right img {
    width: 175px;
    height: 504px;
}

.children_main_right div {
    border: 1px solid #ccc;
}

.children_bottom img {
    width: 126px;
}

/* 家居日常*/
.home_head {
    margin-top: 10px;
    width: 1200px;
    height: 40px;
    border-bottom: 4px solid #ff6600;
}
.home_head h3 {
    font-size: 28px;
    line-height: 40px;
}
.home_mian .right{
    width: 785px;
}
.home_mian .right img:nth-child(n+5){
    margin-right: 35px;
}
/*推广商品*/
.spread_head {
    margin-top: 10px;
    width: 1200px;
    height: 40px;
    border-bottom: 4px solid #ff6600;
}

.spread_head h3 {
    font-size: 28px;
    line-height: 40px;
}

.spread_main_left .top img {
    width: 237px;
    height: 348px;
}

.spread_head .head_right {
    width: 70px;
    float: right;
}

.spread_head .head_right p {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-right: 15px;
    border-radius: 10px;
    background-color: #ccc;
}

.spread_head .head_right .on {
    background-color: #ff6600;
}

.spread ul li{
    width: 214px;
	height: 300px;
    padding: 25px 32px;
    box-sizing: border-box;
    float: left;
    margin: 25px 13px;
}
.spread ul li h2{
    font-size: 23px;
    color: red;
}
.spread ul li a{
    color: red;
}
.spread ul li div{
    width: 30px;
	height: 20px;
    float: left;
    background: url(../images/bgicon.png) no-repeat;
    background-position: 0 -85px;
}
.spread ul li span{
    margin-left: 10px;
}
.spread ul li:hover{
    background-color: #f3f3f3;
}
.spread .con ul:last-child{
    display: none;
}
/* 售后服务 */
.sale {
    border-top: 6px solid #ff6600;
    background-color: #f2f2f2;
    height: 100px;
}
.sale .center{
    position: relative;
}
.sale .goto{
    position:absolute;
    top: -55px;
    right: -20px;
}
.sale .xg {
    border: 3px solid #ff6600
}

.sale_center {
    width: 790px;
    margin: 0 auto;
}

.sale_center img {
    margin-top: 25px;
    margin-right: 60px;
}

/* 尾部导航 */
.bottnav {
    margin: 36px 0px;
    position: relative;
}

.bottnav_center {
    width: 681px;
    height: 130px;
    line-height: 24px;
    margin: 0 auto;

}

.bottnav>ul>li {
    text-align: center;
    float: left;
    margin-right: 60px;
}

.bottnav p {
    font-weight: 700;
    font-size: 14px;
}

.bottnav_img {
    width: 113px;
    position: absolute;
    top: 0px;
    right: 50px;
}

/* 尾部 */
.tail ul {
    width: 800px;
    margin: 0 auto;
}

.tail li {
    float: left;
    padding: 0 16px;
    border-right: 1px solid;
}

.tail li:last-child {
    border: none;
}

.tail p {
    text-align: center;
}
/* 顶部导航搜索框*/
.nav_fix{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
    display: none;
    border:#ff6600 2px solid ;
    z-index: 200;
}
.nav_top_centent {
    width: 440px;
    margin: 0 auto;
}

.nav_top_centent input {
    width: 390px;
    height: 36px;
    padding-left: 20px;
    box-sizing: border-box;
    border: solid 2px #ff6600;
    border-right: none;
    outline: none;
}

.nav_top_centent button {
    width: 50px;
    height: 36px;
    background: url(../images/bgicon.png) no-repeat 0px 0px;
    background-color: #ff6600;
    border: none;
}
.nav_top_right{
    margin-left: 180px;
}
.nav_top_right button {
    width: 100px;
    height: 36px;
    border: none;
}

.nav_top_right button:nth-child(1) div {
    display: inline-block;
    width: 29px;
    height: 21px;
    background: url(../images/bgicon.png) no-repeat -4px -50px;
}

.nav_top_right button:nth-child(1) span {
    margin: 0px 5px;
}

.nav_top_right button:first-child {
    color: white;
}

.nav_top_right button:last-child {
    color: #808080;
    font-size: 18px;
}

.nav_top_right button:first-child {
    background-color: #ff6600;
}

.nav_top_right button:last-child {
    background-color: #ebebeb;
}
/*电梯导航*/
.elevator{
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -650px;
    width: 40px;
    height: 200px;
    background-color: #f2f2f2;
}
.elevator ul li{
    width: 40px;
    height: 40px;
    background: url(../images/floor.png) no-repeat 0px 0px;
    text-indent: 40px;
    line-height: 40px;
    color: white;
    overflow: hidden;
    white-space: nowrap ;
}
/* 右侧二维码 */
.rightcode{
    position: fixed;
    top: 100px;
    right: 0;
    width: 40px;
    height: 180px;
    background-color: pink;
}
.rightcode li:last-child{
    position: relative;
}
.rightcode li:last-child span{
    position: absolute;
    top: 1px;
    left: 2px;
    color: white;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 12px;
    background-color: red;
}
.rightcode li:nth-child(2){
    position: relative;
    height: 100px;
}
.rightcode li:nth-child(2) span{
    position: absolute;
    right: -60px;
    top:0;
    z-index: 1;
    transition: all 0.5s;
}
.rightcode li:nth-child(2) .pic{
    position:absolute;
    right: 0;
    top: 0;;
    z-index: 2;
}
.rightcode li:nth-child(2):hover span{
    right: 39px;
    transition: all 0.5s;
}